 <template>
 	<div>
 			<!--选择选手-->
	<div class="title">选择选手<span @click="next">添加选手</span></div>
	<div class="check_box">
		<div class="check_box_left">
			<input type="checkbox" class="check_in"/>
		</div>
		<div class="check_box_right">
			<div class="img_head">
				<img src="../../assets/奖牌.png"/>
			</div>
			<div class="text_wen">
				<p>王家里 <span>未支付</span></p>
				<p>几段</p>
			</div>
		</div>	
	</div>
		<div class="check_box">
		<div class="check_box_left">
			<input type="checkbox"/>
		</div>
		<div class="check_box_right">
			<div class="img_head">
				<img src="../../assets/奖牌.png"/>
			</div>
			<div class="text_wen">
				<p>王家里 <span>（没有参赛证）</span></p>
				<p>几段</p>
			</div>
		</div>	
	</div>
	
	
		<div class="check_box">
		<div class="check_box_left">
			<input type="checkbox"/>
		</div>
		<div class="check_box_right">
			<div class="img_head">
				<img src="../../assets/奖牌.png"/>
			</div>
			<div class="text_wen">
				<p>王家里</p>
				<p>几段</p>
			</div>
		</div>	
	</div>
	
	
	<button class="ready_btn" @click="pero">确定</button>
	
 	</div>
</template>

<script>
	export default{
		data:function(){
			return{
			}
		},
		methods:{
			next:function(){
				this.$router.push({path:'/suos'})		
			},
			pero:function(){
				this.$router.push({path:'/sign'})		
			}
		}
	}
</script>

<style scoped="scoped">
	*{
		padding: 0;
		margin: 0;
		outline: none;
		border: none;
	}
	.title{
		font-size: 0.36rem;
		width: 100%;
		height: auto;
		height: 0.5rem;
		color: black;
		font-family: "微软雅黑";
		font-weight: bold;
		line-height: 0.7rem;
		/*background-color:darkslategrey;*/
		text-align: center;
		position: relative;
	}
	.title span{
		position: absolute;
		right: 0.3rem;
		top: 0rem;
	}
	.check_box{
		width: 100%;
		height: 1.5rem;
		margin-top: 0.2rem;
		border: solid #F5F5F5 1px;
	}
	.check_box_left{
		width: 20%;
		height:1.5rem;
		text-align: center;
		float: left;
	}
	.check_box_right{
		width: 79%;
		height: 1.5rem;
		float: left;
		padding-top: 0.2rem;
		position: relative;
	}
	.img_head{
		width: 20%;
		height: 1.5rem;
		float: left;
		
	}
	.img_head img{
		width: 60%;
		height: 0.8rem;
		margin-top: 0.25rem;
		border: solid #CCCCCC 1px;
	}
	.text_wen{
		width: 70%;
		height:1.5rem;
		float: left;
		font-size: 0.24rem;
		color: #C0C0C0;
	}
	.text_wen p{
		margin-top: 0.2rem;
	}
	.text_wen p span{
		color: red;
		font-size: 0.2rem;
		margin-left: 0.2rem;
	}
	.ready_btn{
		width: 100%;
		height: 1rem;
		background-color: #FE8F24;
		text-align: center;
		line-height: 1rem;
		margin-top:0.5rem;
		color: white;
		font-size: 0.3rem;
		border-radius:0.5rem 0.5rem 0.5rem 0.5rem ;

	}
</style>